<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head th:include="fragments/header :: header">
    <!-- variables in title not work! And include = replace? -->
    <!-- 	<title layout:title-pattern="$DECORATOR_TITLE - $CONTENT_TITLE">WOSS</title> -->
    <title layout:title-pattern="$DECORATOR_TITLE - $CONTENT_TITLE">WOSS</title>
    <link rel="stylesheet" href="../static/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../static/css/bootstrap-theme.min.css"/>
</head>
<body>
<!-- 	<div class="container-fluid"></div> -->
<div th:replace="fragments/menu :: menu('')">
    <!-- sample header -->
    <nav class="navbar navbar-default navbar-inverse" role="navigation">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">Static Brand</a>
        </div>

        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">Employees</a></li>
                <li><a href="#">Link</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">Link</a></li>
            </ul>
        </div>
    </nav>
    <!-- sample header end -->
</div>
<div class="wrapper-content container">
    <div class="hsection">
        <h3 layout:fragment="header">Layout</h3>
    </div>
    <div layout:fragment="content">
        <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
            Praesent scelerisque neque neque, ac elementum quam dignissim interdum.
            Phasellus et placerat elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
            Praesent scelerisque neque neque, ac elementum quam dignissim interdum.
            Phasellus et placerat elit.
        </p>
    </div>

</div>

<div class="text-center" th:replace="fragments/footer :: footer">
    sample copyright 2016
</div>
</body>
</html>
